<template>
  <div>
    <ul class="header">
        <li>
            <slot name='left'></slot>
        </li>
        <li>
            <slot name='center'></slot>
        </li>
        <li>
            <slot name='right'></slot>
        </li>
    </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {
    }
  },

  components: {},

  methods: {}
}
</script>

<style scoped lang='scss'>
    .header{
        width: 100%;
        height: 0.88rem;
        padding: 0 0.25rem;
        background-color: #ff5001;
        position: fixed;
        top: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
</style>